@charset "UTF-8";
@import "reset";
@import "common";
.web {
    section {
        position: absolute;
        left: 0;
        width: 100%;
        top: r(98px);
        bottom: r(135px);
        overflow-y: auto;
        margin: 0 auto;
        .kv {
            width: 100%;
            img {
                width: 100%;
            }
        }
        .kv_bottom {
            margin: 0 auto;
            width: 90%;
            img {
                width: 100%;
            }
        }
        .guanli {
            width: 100%;
            height: r(194px);
            margin: 0 auto;
            background-color: #f5f5f5;
            .qiqi {
                width: 100%;
                height: r(157.5px);
                border-bottom: 1px solid #8B8B8B;
                //              text-align: center;
                ul {
                    li {
                        width: 33.3%;
                        height: r(156px);
                        line-height: r(156px);
                        text-align: center;
                        color: #8b8b8b;
                        font-size: r(38.86px);
                        border-bottom: 1px solid #F5F5F5;
                    }
                    li:hover {
                        color: white;
                        background-color: #b20000;
                    }
                }
//              label{
//              display: inline-block;
//              width: 80px;
//              height: 50px;
//              text-align: center;
//          }
//          input{
//              display: none;
//          }
//          div{
//              position: absolute;
//              top: r(80px);
//              left: r(20px);
//              /*display: none;*/
//              height: 0;
//              transition: all .5s;
//              transform: scale(0);
//              transform-origin: left top;
//              
//          }
//          #inp1:checked~.wenzi1{
//              /*display: block;*/
//              transform: scale(1);
//              height: 400px;
//          }
//          #inp1:checked~.label1{
////              background-color: purple;
//              color: #fff;
//          }
//          #inp2:checked~.wenzi2{
//              transform: scale(1);
//              height: 400px;
//          }
//          #inp2:checked~.label2{
////              background-color: purple;
//              color: #fff;
//          }
            }
        }
        .wenzi1 {
            margin: 0 auto;
            width: 90%;
            height: r(1500px);
            margin-top: r(20px);
            p {
                color: #a6a6a6;
                font-size: r(28.86px);
                text-indent: r(60px);
            }
           
        }
//      .wenzi2{
//          margin: 0 auto;
//          width: 90%;
//          height: r(1500px);
//          margin-top: r(20px);
//          p {
//              color: #a6a6a6;
//              font-size: r(28.86px);
//              text-indent: r(60px);
//          }
//      
//      }
        .fazhang {
            color: #FFFFFF;
            width: 90%;
            height: r(100px);
            line-height: r(100px);
            margin: 0 auto;
            //           margin-bottom: r(20px);
            background-color: #B20000;
            i {
                margin: 0 12px;
                font-size: r(40px);
            }
            span {
                font-size: r(40px);
            }
            //           
        }
        .xuanzhong {
            //          color: #FFFFFF;
            position: relative;
            width: 90%;
            height: r(125px);
            margin: 0 auto;
            margin-top: r(10px);
            background-color: #FFFFFF;
            h4 {
                font-size: r(40px);
                margin-left: r(30px);
            }
            p {
                font-size: r(28.86px);
                color: #B20000;
                margin-left: r(30px);
            }
            i {
                position: absolute;
                color: #C5C5C5;
                top: r(30px);
                left: r(20px);
                font-size: 20px;
            }
            .nian {
                width: 80%;
                height: 100%;
                margin: 0 auto;
            }
        }
        .xuanzhong_bottom {
            background-color: #f3f3f3;
            position: relative;
            width: 90%;
            //          height: r(150px);
            margin: 0 auto;
            margin-top: r(10px);
            h4 {
                font-size: r(40px);
                margin-left: r(90px);
            }
            p {
                font-size: r(28.86px);
                color: #B20000;
                margin-left: r(90px);
            }
            i {
                position: absolute;
                color: red;
                top: r(30px);
                left: r(20px);
                font-size: 20px;
            }
            .nian {
                width: 80%;
                height: 100%;
                display: inline-block;
                margin: 0 auto;
            }
        }
        .jiazai {
            text-align: center;
            font-size: r(28px);
            a {
                color: #C5C5C5;
            }
        }
    }
}